<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2025全球100榜单</title>
</head>
<body>
    <!-- 整体容器 -->
    <div>
        <!-- 顶部横幅区域 -->
        <div>
            <img src="placeholder-banner.jpg" alt="榜单图片">
            <div>
                <p>携程口碑榜</p>
                <p>2025全球100</p>
            </div>
        </div>
        
        <!-- 导航栏区域 -->
        <div>
            <div>榜单</div>
            <div>景点</div>
            <div>攻略</div>
            <div>交通</div>
            <div>自然地</div>
        </div>
        
        <!-- 筛选区域 -->
        <div>
            <div>全球 ▼</div>
            <div>口碑/价格 ▼</div>
        </div>
        
        <!-- 目的地卡片 -->
        <div>
            <!-- 目的地图片 -->
            <div>
                <img src="placeholder-disney.jpg" alt="华特迪士尼世界">
            </div>
            
            <!-- 目的地信息 -->
            <div>
                <h3>华特迪士尼世界 <span>Walt Disney World Resort</span></h3>
                
                <!-- 评分信息 -->
                <div>
                    <span>★★★★★</span> 4.7分 | 人均: ¥3356
                </div>
                
                <!-- 地点信息 -->
                <div>
                    <p>上榜理由: 平均评价最好&最受欢迎的主题公园</p>
                    <p>少至能满足各年龄段家庭游客需求之主题乐园</p>
                </div>
                
                <!-- 标签信息 -->
                <div>
                    <span>吸引度最高的景点</span>
                    <span>1980人点赞</span>
                </div>
                
                <!-- 操作区域 -->
                <div>
                    <span>详情</span> | <span>收藏</span> | <span>人气榜单</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html> 